<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <head th:replace="common/common_css :: css(~{::link})">
    </head>
    <title>主页</title>
    <link th:href="@{/css/mcss/mcss_userInfo.css}" rel="stylesheet">
    <link type="text/css" rel="stylesheet" th:href="@{/css/preloader.css}">
</head>
<body>

<div id="preloader">
    <div id="preloader-inner"></div>
</div>

<div id="wrapper">
    <div th:replace="common/common_left :: left"></div>

    <div id="content-wrapper" class="d-flex flex-column content-wrapper">
        <div id="content">
            <div th:replace="common/common_head :: head"></div>

            <!--正文-->

            <div>
                <div class="card shadow mb-4" style="margin-left: 20%;margin-right: 20%">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">个人资料</h6>
                    </div>
                    <div class="card-body">
                        <div style=" margin-left: 25%;margin-right: 10%;">

                            <div class="form-group">
                                <label for="username" class="col-sm-2 control-label">昵称</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="username">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="sex" class="col-sm-2 control-label">性别</label>
                                <div class="col-sm-10">
                                    <select class="form-control" id="sex">
                                        <option></option>
                                        <option value="男">男</option>
                                        <option value="女">女</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="birthday" class="col-sm-2 control-label">生日</label>
                                <div class="col-sm-10">
                                    <input type="date" class="form-control" id="birthday">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="politicalStatus" class="col-sm-2 control-label">政治面貌</label>
                                <div class="col-sm-10">
                                    <select class="form-control" id="politicalStatus">
                                        <option></option>
                                        <option>群众</option>
                                        <option>团员</option>
                                        <option>党员</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="phone" class="col-sm-2 control-label">电话号码</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="phone">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="address" class="col-sm-2 control-label">通讯地址</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="address">
                                </div>
                            </div>
                            <div style="margin-left: 72%;margin-top: 20px">

                                <button class="btn btn-primary btn-lg" id="userInfoset" onclick="changeUserInfo()">修改
                                </button>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div>
    <div th:replace="common/common_js :: js(~{::script})"></div>
    <script type="text/javascript" th:src="@{/js/jquery.preloader.min.js}"></script>
    <script th:src="@{/sb-admin-2/bootstrap/bootstrap-table.min.js}"></script>
    <script th:src="@{/sb-admin-2/bootstrap/bootstrap-table-zh-CN.js}"></script>
    <script type="text/javascript" th:src="@{/js/mjs/mjs_userInfo.js}"></script>
</div>
</body>
</html>